<template>
  <!-- 搜索 -->
  <div id="my-search">
    <div class="search-box">
      <el-input style="width:75%;"
        placeholder="请输入内容"
        suffix-icon="el-icon-search"
        v-model="keyword"
      >
      </el-input>
      <div style="width:25%;">
        <el-button plain style="width:90%;margin:0 5% 0 5%;">搜索</el-button>
      </div>

    </div>
  </div>
</template>

<script>
export default {
    components: {},
    name: 'my-search',
    data () {
        return {
            keyword: null
        }
    },
    methods: {},
    mounted () {}
}
</script>

<style scoped>
#my-search {
  width: 100%;
  height: 45px;
  margin: 0px;
  padding: 0px;
}

.search-box {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}
</style>
